<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页-墨阅小说网</title>
    <link rel="icon" href="../../img/logoimg.png" type="image/ico">
    <script type="text/javascript" src='../../js/jquery-3.6.0.min.js'></script>
    <script type="text/javascript" src='../../js/slide.js'></script>
    <script type="text/javascript" src='../../js/index.js'></script>
    <link rel="stylesheet" href="../../css/css.css" />
</head>
<body style="background: #f0e8d4;">
<div>
    <h2 style="text-align: center;">
        <img src="../../img/logoimg.png" width="50px;" height="50px;" style="display: inline-block; vertical-align: middle;">
        <span style="display: inline-block; vertical-align: middle;">
            墨阅小说阅读网站
        </span>
    </h2>
    <div th:include="common/top"></div>
    <div id="s2" style="margin-top: 4%">
        <div class="pic">
            <a title="首辅医娘" href="" style='display:block;'>
                <img src="../../img/haibao.jpg" alt="书籍封面" />
            </a>
            <a title="吞噬古帝" href="">
                <img src="../../img/cover1.jpg" alt="书籍封面" />
            </a>
            <a title="武逆九千界" href="">
                <img src="../../img/cover2.jpg" alt="书籍封面" />
            </a>
            <a title="剑镇诸天" href="">
                <img src="../../img/cover3.jpg" alt="书籍封面" />
            </a>
        </div>
    </div>

<p>
    <a th:href="@{/author/authorFirst}">
        <img src="../../img/authorArea.jpg" target="_blank" style="border-radius: 5px; float: left; box-shadow: -5px -5px 3px 2px lightgrey; margin-left: 50px;">
    </a>
    <a th:href="@{/toRankingIndex}" target="_blank"> <!--写排行榜的路径-->
        <img src="../../img/new.jpg" style="border-radius: 5px; box-shadow: 5px -5px 3px 2px lightgrey; float: right; margin-right: 50px;">
    </a>
</p>

</body>
<style>
    h3 a{
        padding-right: 50px;
        color: black;
        text-decoration: none;
    }
</style>
</html>